@import url(./animate.css);
@import url(./color.css);
@import url(./pm.css);
@import url(./position.css);
@import url(./responsive.css);
@import url(./size.css);
@import url(./swiper.css);
@import url(./hamberger.css);

:root {

    --bs-blue-9  : #010017 !important;
    --bs-blue-8  : #191a2e !important;
    --bs-info-rgb: 16, 91, 197 !important;
    --bs-info    : #105bc5 !important;
    --bs-blue-5  : #1b9ce6 !important;

    --bs-black-rgb: 0, 0, 0 !important;
    --bs-black    : var(--bs-black-rgb) !important;

    --bs-primary-rgb  : 17, 17, 17 !important;
    --bs-primary      : #111111 !important;
    --bs-gray-8       : #222222 !important;
    --bs-secondary-rgb: 51, 51, 51 !important;
    --bs-secondary    : #333333 !important;
    --bs-gray-6       : #666666 !important;
    --bs-light-rgb    : 142, 142, 147 !important;
    --bs-light        : #8e8e93 !important;
    --bs-gray-4       : #999999 !important;
    --bs-gray-3       : #cccccc !important;
    --bs-gray-2       : #fafbfd !important;
    --bs-white-rgb    : 255, 255, 255 !important;
    --bs-white        : #ffffff !important;

    --swiper-theme-color: var(--bs-white) !important;

    --bs-body-color: var(--bs-primary) !important
}

html,
body {
    font-size  : 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Microsoft Yahei';
    font-weight: 300;
    color      : var(--bs-primary);

    width : 100%;
    height: 100%;
}

@media screen and (max-width:576px) {

    html,
    body {
        font-size: 14px !important;
    }
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    box-shadow: none !important;
    outline   : 0 none !important;
}

* {
    box-shadow: none !important;
    outline   : none !important;
}

#think_page_trace_open {
    display: none !important;
}

/* 链接
================================================== */

a {
    text-decoration: none;
}

/* Swiper
================================================== */

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 1rem !important;
}

.swiper-pagination-fraction {
    bottom      : 1.2rem !important;
    color       : #fff;
    text-align  : left !important;
    padding-left: 2.5rem !important;
}

/* 导航
================================================== */
.global-nav-line {
    height: .125rem;
    width : 2.4rem;
}


.nav-translate-box .nav-translate-text {
    transform : translateX(-54px);
    transition: all .3s linear;
}

.nav-translate-box:hover .nav-translate-text {
    transform: translateX(0px);
    color    : var(--bs-info) !important;
}

.nav-translate-box-second .nav-translate-text {
    transform : translateX(-35px);
    transition: all .3s linear;
}

.nav-translate-box-second:hover .nav-translate-text {
    transform: translateX(0px);
    color    : var(--bs-info) !important;
}

.x {
    animation: x .3s linear forwards;
}

.xr {
    animation: xr .3s linear forwards;
}

.x2 {
    animation: x2 .3s linear forwards;
}

.x2r {
    animation: x2r .3s linear forwards;
}

.x3 {
    animation: x3 .3s linear forwards;
}

.x3r {
    animation: x3r .3s linear backwards;
}

@keyframes x {
    from {
        transform: translate(0) rotate(0deg)
    }

    to {
        transform: translateY(8px) rotate(45deg)
    }
}

@keyframes xr {
    from {
        transform: translateY(8px) rotate(45deg);
    }

    to {
        transform: translate(0) rotate(0deg);
    }
}

@keyframes x2 {
    from {
        transform: translate(0);
        opacity  : 1;
    }

    to {
        transform: translateY(0px);
        opacity  : 0;
    }
}

@keyframes x2r {
    from {
        transform: translateY(0px);
        opacity  : 0;
    }

    to {
        transform: translate(0);
        opacity  : 1;
    }
}

@keyframes x3 {
    from {
        transform: translate(0) rotate(0deg)
    }

    to {
        transform: translateY(-16px) rotate(-45deg)
    }
}

@keyframes x3r {
    from {
        transform: translateY(-16px) rotate(-45deg)
    }

    to {
        transform: translate(0) rotate(0deg)
    }
}

/* 引导条 */
.header-banner-scroll {
    opacity   : 1;
    position  : absolute;
    right     : 16%;
    bottom    : 0px;
    z-index   : 20;
    width     : 2px;
    height    : 130px;
    background: #105bc5;
    transition: all 1s ease-out;
}

.header-banner-scroll::before {
    content   : "";
    position  : absolute;
    left      : 0;
    top       : 0;
    width     : 100%;
    height    : 100%;
    background: #1b9ce6;
    animation : scroll-down-line 2.6s cubic-bezier(.77, 0, .175, 1) infinite;
}

@keyframes scroll-down-line {
    0% {
        transform-origin: 50% 100%;
        transform       : scaleY(1);
    }

    50% {
        transform-origin: 50% 100%;
        transform       : scaleY(0);
    }

    50.0001% {
        transform-origin: 50% 0;
        transform       : scaleY(0);
    }

    to {
        transform-origin: 50% 0;
        transform       : scaleY(1);
    }
}

/* 首页
================================================== */

.hover-text-light-wrap {
    cursor: pointer;
}

.hover-text-light-wrap:hover .hover-text-light {
    color: var(--bs-light) !important;
}

.index-news-box .index-news-img {
    opacity   : 0;
    transform : scale(1);
    transition: all .3s ease-in;
}

.index-news-box:hover .index-news-img {
    transform: scale(1.05);
    opacity  : 1;
}

.index-news-box:hover .index-news-div {
    opacity         : .5;
    background-color: #000;
}

.index-news-box:hover .index-news-passage {
    opacity: 0;
}

.index-news-box:hover .index-news-text {
    color: var(--bs-white) !important;
}

.index-news-box:hover .index-news-content {
    color: var(--bs-white) !important;
}

.index-news-box:hover .index-news-content i {
    color: var(--bs-white) !important;
}

.index-news-box:hover .index-news-text i {
    color: var(--bs-info) !important;
}

@media (min-width: 576px) {

    #block1 {
        min-height: 54rem;
    }

    ::-webkit-scrollbar {
        cursor          : pointer;
        height          : 8px;
        width           : 10px;
        /* 滚动条宽度， width：对应竖滚动条的宽度 height：对应横滚动条的高度*/
        background-color: #fff;
    }

    /*定义滚动条轨道（凹槽）样式*/
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
        /* 较少使用 */
        border-radius     : 5px;
    }

    /*定义滑块 样式*/
    ::-webkit-scrollbar-thumb {
        border-radius: 3px;
        height       : 5px;
        /* 滚动条滑块长度 */
        background   : var(--bs-info);
    }
}

html,
body {
    width : 100%;
    height: 100%;
}

.pull {
    width : 100%;
    height: 100%;
}

/* hide scrollbar but allow scrolling */
body {
    -ms-overflow-style: none;
    /* for Internet Explorer, Edge */
    scrollbar-width   : none;
    /* for Firefox */
    overflow-y        : scroll;
}

body::-webkit-scrollbar {
    display: none;
}

/* 页面标题横线
================================================== */
.global-title-line {
    height: .1875rem;
    width : 3.125rem;
}

/* footer背景
================================================== */

.bg-footer {
    background         : url(../img/footer-bg.png) no-repeat;
    background-size    : 100% 100%;
    background-position: 0% 0%;
}

/* 顶部输入框
================================================== */

.header-input::placeholder {
    color    : var(--bs-gray-6) !important;
    font-size: .75rem !important;
}

/* 红点
================================================== */

.globel-point-danger {
    background: var(--bs-danger);
    width     : .375rem;
    height    : .375rem;
}

.globel-point-secondary {
    background: var(--bs-gray-4);
    width     : .375rem;
    height    : .375rem;
}

/* 等比例缩放
================================================== */

.img-change img {
    transform : scale(1);
    transition: transform .5s linear;
}

.img-change:hover img {
    transform: scale(1.1);
}


/* 分页按钮
================================================== */

.page-item.active .page-link {
    z-index         : 3;
    color           : var(--bs-primary) !important;
    background-color: white !important;
    border          : none;
    border-bottom   : 1px solid !important;
    border-color    : var(--bs-gray-4) !important;
}

.page-item:hover .page-link {
    z-index         : 3;
    color           : var(--bs-primary) !important;
    background-color: white !important;
    border          : none;
    border-bottom   : 1px solid !important;
    border-color    : var(--bs-gray-4) !important;
}

.page-link {
    color           : var(--bs-gray-7);
    text-decoration : none;
    background-color: #fff;
    border          : 1px solid var(--bs-gray-4);
}

/* 首页TOP NAV
================================================== */

@media (min-width:576px) {
    #collapseNav {
        padding-top: 3rem;
    }
}

.navbar .navbar-nav .nav-link {
    color: var(--bs-white);
}

.navbar .navbar-nav .nav-link:hover {
    color           : var(--bs-white) !important;
    background-color: var(--bs-danger-dark);
}

.nav-tabs .nav-link.active {
    font-weight  : bold;
    border-bottom: var(--bs-danger) 2px solid !important;
}

.links .nav-tabs .nav-link.active {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

/* 合作伙伴
================================================== */

.nav-partners .active {
    border-color: var(--bs-info) !important;
}

/* 新闻列表
================================================== */

.news-box:hover {
    border-color: var(--bs-info) !important;
}

.news-box:hover .hover-text-info {
    color: var(--bs-info) !important;
}

.news-box .animate-right {
    transform : translateX(0);
    transition: all .5s linear
}

.news-box:hover .animate-right {
    transform: translateX(10px);
}

/* 只显示几行字
================================================== */
.title_line_1 {
    overflow          : hidden;
    text-overflow     : ellipsis;
    line-clamp        : 1;
    display           : -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display           : -moz-box;
    -moz-line-clamp   : 1;
    -moz-box-orient   : vertical;
    word-wrap         : break-word;
    word-break        : break-all;
    white-space       : normal;
}

.title_line_2 {
    overflow          : hidden;
    text-overflow     : ellipsis;
    line-clamp        : 2;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display           : -moz-box;
    -moz-line-clamp   : 2;
    -moz-box-orient   : vertical;
    word-wrap         : break-word;
    word-break        : break-all;
    white-space       : normal;
}

.title_line_3 {
    overflow          : hidden;
    text-overflow     : ellipsis;
    line-clamp        : 3;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display           : -moz-box;
    -moz-line-clamp   : 3;
    -moz-box-orient   : vertical;
    word-wrap         : break-word;
    word-break        : break-all;
    white-space       : normal;
}

.title_line_4 {
    overflow          : hidden;
    text-overflow     : ellipsis;
    line-clamp        : 4;
    display           : -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display           : -moz-box;
    -moz-line-clamp   : 4;
    -moz-box-orient   : vertical;
    word-wrap         : break-word;
    word-break        : break-all;
    white-space       : normal;
}

.title_line_5 {
    overflow          : hidden;
    text-overflow     : ellipsis;
    line-clamp        : 5;
    display           : -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display           : -moz-box;
    -moz-line-clamp   : 5;
    -moz-box-orient   : vertical;
    word-wrap         : break-word;
    word-break        : break-all;
    white-space       : normal;
}


.icon-box:nth-child(1) .devo-icon-box {
    background: url(/html/assets/img/devo1.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(1):hover .devo-icon-box {
    background: url(/html/assets/img/devo-1.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(4) .devo-icon-box {
    background: url(/html/assets/img/devo2.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(4):hover .devo-icon-box {
    background: url(/html/assets/img/devo-2.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(5) .devo-icon-box {
    background: url(/html/assets/img/devo3.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(5):hover .devo-icon-box {
    background: url(/html/assets/img/devo-3.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(8) .devo-icon-box {
    background: url(/html/assets/img/devo4.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(8):hover .devo-icon-box {
    background: url(/html/assets/img/devo-4.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(9) .devo-icon-box {
    background: url(/html/assets/img/devo5.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(9):hover .devo-icon-box {
    background: url(/html/assets/img/devo-5.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(12) .devo-icon-box {
    background: url(/html/assets/img/devo6.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(12):hover .devo-icon-box {
    background: url(/html/assets/img/devo-6.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(13) .devo-icon-box {
    background: url(//qn1.10soo.net/assets22/202207061546672.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(13):hover .devo-icon-box {
    background: url(//qn1.10soo.net/assets22/202207061546231.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(16) .devo-icon-box {
    background: url(//qn1.10soo.net/assets22/202207061547131.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(16):hover .devo-icon-box {
    background: url(//qn1.10soo.net/assets22/202207061547364.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(17) .devo-icon-box {
    background: url(/html/assets/img/devo9.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.icon-box:nth-child(17):hover .devo-icon-box {
    background: url(/html/assets/img/devo-9.png) no-repeat;
    width     : 287px;
    height    : 80px;
}

.devo-icon-box {
    width : 287px;
    height: 80px;
}

.devo-box .devo-right-arrow {
    background: url(/html/assets/img/devo-right.png) no-repeat;
    width     : 36px;
    height    : 80px;
}

.devo-box:hover .hover-border-info {
    border-color: var(--bs-info) !important;
}

.devo-box:hover .hover-text-info {
    color: var(--bs-info) !important;
}

.devo-box:hover .devo-right-arrow {
    background: url(/html/assets/img/hover-devo-right.png) no-repeat;
    width     : 36px;
    height    : 80px;
}

.devo-box .devo-left-arrow {
    background: url(/html/assets/img/devo-left.png) no-repeat;
    width     : 36px;
    height    : 80px;
}

.devo-box:hover .devo-left-arrow {
    background: url(/html/assets/img/hover-devo-left.png) no-repeat;
    width     : 36px;
    height    : 80px;
}


/* 人才招聘页加入我们
================================================== */
.arrow {
    transform : rotate(0deg) !important;
    transition: transform .3s;
}

.arrow-rotate {
    transform : rotate(45deg) !important;
    transition: transform .3s;
}

/* 数字平台，平台价值的背景
================================================== */
.info-box:hover {
    background     : url(//qn1.10soo.net/assets22/202206081806855.png) no-repeat;
    background-size: cover;
    color          : var(--bs-white);
}

/* 企业简介，logo解读部分
================================================== */
.logo-text-bg span {
    width : 65px;
    height: 67px;
}

.logo-text-bg-first span {
    background: url(//qn1.10soo.net/assets22/202206091511060.png) no-repeat;
}

.logo-text-bg-first span:hover {
    background: url(//qn1.10soo.net/assets22/202206091512712.png) no-repeat;
}

.logo-text-bg-second span {
    background: url(//qn1.10soo.net/assets22/202206091517955.png) no-repeat;
}

.logo-text-bg-second span:hover {
    background: url(//qn1.10soo.net/assets22/202206091517358.png) no-repeat;
}

.logo-box .logo-line {
    width     : 0;
    transition: width .5s linear;
}

.logo-box:hover .logo-line {
    width: 100%;
}

.transform-intro {
    transform: translateY(-300px);
}

/* @media (min-width: 576px) {
    .transform-intro {
        transform: translateY(-7rem);
    }
} */

/* 联系我们二维码
================================================== */
.weixin-code span {
    transform : scale(0);
    transition: transform .5s linear;
}

.weixin-code:hover span {
    transform: scale(1);
}

.news img {
    display  : block !important;
    max-width: 100% !important;
    margin   : 0 auto !important;
}

.solution img {
    display  : block !important;
    max-width: 100% !important;
    margin   : 0 auto !important;
}

.honor-bg {
    background     : transparent;
    transition     : all 5s linear;
    background-size: cover;
}

.honor-bg span {
    color: #333;
}

.honor-bg:hover {
    background     : url(//qn1.10soo.net/assets22/202207051401177.png) no-repeat;
    background-size: cover;
}

.honor-bg:hover span {
    color: #fff;
}

.window-shade p {
    font-size: .9375rem;
    color    : #000000;
    position : relative;
    z-index  : 1
}

.window-shade p:before {
    content   : "";
    position  : absolute;
    bottom    : 0;
    left      : 0;
    right     : 0;
    background: #010017;
    transition: .5s;
    z-index   : -1;
    height    : 0
}

.window-shade p span {
    transition: .5s;
}

.window-shade p:hover:before {
    height: 100%;
    top   : 0
}

.window-shade p:hover {
    color: #fff
}

/* 数字平台详情页
================================================== */
@media screen and (max-width:576px) {

    .digital {
        background-image   : none !important;
        background-position: top center;
        background-repeat  : no-repeat
    }

}

.digital {
    background-image   : url(//qn1.10soo.net/assets22/202207251444289.png);
    font-size          : 20px;
    background-position: top center;
    background-repeat  : no-repeat
}

/* 移动端首屏高度的媒体查询
================================================== */
@media (max-height: 652px) {
    .pt-5 {
        padding-top: 1.5rem !important;
    }

    .mt-5 {
        margin-top: 1.5rem !important;
    }
}

/* 合作伙伴页面
================================================== */
@media screen and (max-width:576px) {
    .partners>.col:nth-child(1) {
        border-top: none !important;
    }

    .partners>.col:nth-child(2) {
        border-top: none !important;
    }

    .partners>.col:nth-child(2n) {
        border-right: none !important;
    }

}

@media screen and (min-width:576px) {
    .partners>.col:nth-child(1) {
        border-top: none !important;
    }

    .partners>.col:nth-child(2) {
        border-top: none !important;
    }

    .partners>.col:nth-child(3) {
        border-top: none !important;
    }

    .partners>.col:nth-child(4) {
        border-top: none !important;
    }

    .partners>.col:nth-child(5) {
        border-top: none !important;
    }

    .partners>.col:nth-child(6) {
        border-top: none !important;
    }

    .partners>.col:nth-child(6n) {
        border-right: none !important;
    }

    .partners>.col:hover {
        box-shadow: 0 0 3rem rgba(0, 0, 0, .15) !important;
        z-index   : 100;
    }
}

/* 解决方案详情页
================================================== */
.solution-line {
    height          : 3px;
    width           : 50px;
    background-color: var(--bs-info);
}

.solution-box-det {
    background-color: var(--bs-gray-2);
}

.solution-box-det:hover {
    color          : var(--bs-white);
    background     : url(//qn1.10soo.net/assets22/202207181451482.png) no-repeat;
    background-size: cover;
}

.solution-box-det:hover .solution-line {
    background-color: var(--bs-white);
}

/* .solution-box:nth-child(1) .solution-box-det:hover {
    background     : url(//qn1.10soo.net/assets22/202207181451482.png) no-repeat;
    background-size: cover;
}

.solution-box:nth-child(2) .solution-box-det:hover {
    background     : url(//qn1.10soo.net/assets22/202207181452228.png) no-repeat;
    background-size: cover;
}

.solution-box:nth-child(3) .solution-box-det:hover {
    background     : url(//qn1.10soo.net/assets22/202207181136453.png) no-repeat;
    background-size: cover;
}

.solution-box:nth-child(4) .solution-box-det:hover {
    background     : url(//qn1.10soo.net/assets22/202207181136453.png) no-repeat;
    background-size: cover;
} */